<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>banner</title>

    <link th:href="@{/css/base.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/header.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/copyright.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-1.11.1.min.js}"></script>
    <script th:src="@{/js/menu.js}" rel="script"></script>
    <script th:src="@{/js/copyright.js}" rel="script"></script>

</head>

<body>


<!--banner-->
<div th:fragment="banner">

    <div id="banner">

        <div class="banner_div">

            <div id="banner_box">
                <div id="today_recommend">
                    <img th:src="@{/image/chefRecommendation.png}" alt="">
                </div>

                <ul>
                    <!--<li><a href=""><img th:src="@{/image/fresh.jpg}"></a></li>-->
                    <!--<li><a href=""><img th:src="@{/image/fresh.jpg}"></a></li>-->
                    <!--<li><a href=""><img th:src="@{/image/fresh.jpg}"></a></li>-->
                </ul>

                <div id="left_slidebar">
                    <img id="left_img" th:src="@{/image/slideLeft.png}">
                </div>

                <div id="right_slidebar">
                    <img id="right_img" th:src="@{/image/slideRight.png}">
                </div>
            </div>

        </div>
    </div>


</div>

</body>
</html>